{% extends '::base.html.twig' %}
    {%block miniLayout %} 
        <style>
                .mini-layout-header{
                        border: 1px solid #DDDDDD;
                        border-radius: 6px 6px 0px 0px;
                        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
                        padding: 3px; 
                    }
                .mini-layout-header i{
                        color: #FF0098;
                        padding-left: 20px;
                        padding-right: 2px; 
                    }
                .mini-layout-header span{
                        color:  #0091DB;
                    }
                .mini-layout-body{
                        border: 1px solid #DDDDDD;
                        border-radius: 0px 0px 6px 6px;
                        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
                        border-top: 0px;
                    }
        </style>
    {% endblock %}        
{% block top %}
    <div class="container-fluid">
        <div class="pull-left">
            <a href="#" id="brand" style="font-family: 'Segoe UI Light','Open Sans',Verdana,Arial,Helvetica,sans-serif;">Sistema de Gestión Pyaf</a>
            <!--<div class="collapse-me">
                <a href="#" class="button">
                    <i class="icon-comment icon-white"></i>
                    Mensajes
                    <span class="badge badge-important">21</span>
                </a>
            </div>-->
        </div>
        <div class="pull-right">
            <div class="btn-group">
                <a href="#" class="button dropdown-toggle" data-toggle="dropdown"><i class="icon-white icon-user"></i><?=$_SESSION['nombre']?><span class="caret"></span></a>
                <div class="dropdown-menu pull-right">
                    <div class="right-details">
                        <h6>Sesión iniciada como:</h6>
                        <span class="name">{{ app.user.nombreCompleto }}</span>
                        <a href="{{ asset('bootstrap/manual/manualUsuarioPyaf.htm') }}" class="highlighted-link">Necesita ayuda?</a>
                        <ul>
                            <li>
                                <a href="{{ path('profesores_account', {'id': app.user.id})}}"><i class="icon-cog"></i> Configuración de Cuenta</a>
                            </li>
                        </ul>
                    </div>
                </div>      
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <a href="{{ path('admin_configuracion_view') }}" class="button">
                    <i class="icon-download-alt"></i>
                    BackUp
                </a>
            {% endif %}
            <a href="{{ path('logout') }}" class="button">
                <i class="icon-signout"></i>
                Salir
            </a>
        </div>
        </div>
{% endblock %}
        
{% block navigation %}

            <ul class="mainNav" data-open-subnavs="multi">
                <li class='active'>
                    <a href="{{ path('portada') }}"  style="padding: 15px; border-bottom: 0px; background-image: linear-gradient(#0088CC, #0093DD);"><i class="icon-home icon-white"></i><span>Tablero de Inicio</span></a>
                </li>
                <ul class="nav nav-list bs-docs-sidenav" style="border-radius: 0px 0px 6px 6px;">
                    <li><label class="tree-toggler nav-header" style="padding-top: 10px; color: #FF0098;"><i class="icon-calendar"></i>Asistencias</label>
                        <ul class="nav nav-list tree" style="border: 0;">
                            <li><a style="padding: 0px 0px;" href="{{ path('asistencia_calendario_list') }}"><i class="icon-angle-right"></i>Clases del día</a></li>
                            <li><a style="padding: 0px 0px;" href="{{ path('asistencia_asistencia') }}"><i class="icon-angle-right"></i>Asistencia</a></li>
                            <li><a style="padding: 0px 0px;" href="{{ path('avisos_recupera_listDay') }}"><i class="icon-angle-right"></i>Recupera</a></li>
                            <li><a style="padding: 0px 0px;" href="{{ path('avisos_falta_listAlumnos') }}"><i class="icon-angle-right"></i>Aviso de Falta</a></li>
                        </ul>
                    </li>
                    {% if is_granted('ROLE_ADMIN') %}
                        <li class="divider"></li>
                        <li><label class="tree-toggler nav-header" style="color: #FF0098;"><i class="icon-book"></i>Rutinas</label>
                            <ul class="nav nav-list tree" style="border: 0;">
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_calendario_list') }}"><i class="icon-angle-right"></i>Asignación a Clases</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_paqueterutina_list') }}"><i class="icon-angle-right"></i>Paquetes de Rutinas</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_rutina_list') }}"><i class="icon-angle-right"></i>Rutinas</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_grupomuscular_list') }}"><i class="icon-angle-right"></i>Grupos Musculares</a></li>
                            </ul>
                        </li>
                    {% endif %}
                    <li class="divider"></li>
                    <li><label class="tree-toggler nav-header" style="color: #FF0098;"><i class="icon-group"></i>Alumnos</label>
                        <ul class="nav nav-list tree" style="border: 0;">
                            <li><a style="padding: 0px 0px;" href="{{ path('alumnos_list') }}"><i class="icon-angle-right"></i>Consultas</a></li>
                            {% if is_granted('ROLE_ADMIN') %}
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_clase_alumno_list') }}"><i class="icon-angle-right"></i>Asignar Clases</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_alumnos_list') }}"><i class="icon-angle-right"></i>Administrar</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('cuotas_list') }}"><i class="icon-angle-right"></i>Cuotas</a></li>
                            {% endif %}
                        </ul>
                    </li>
                    <li class="divider"></li>
                    <li><label class="tree-toggler nav-header" style="color: #FF0098;"><i class="icon-eye-open"></i>Profesores</label>
                        <ul class="nav nav-list tree" style="border: 0;">
                            <li><a style="padding: 0px 0px;" href="{{ path('profesores_list') }}"><i class="icon-angle-right"></i>Profesores</a></li>
                            {% if is_granted('ROLE_ADMIN') %}
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_clase_profesor_list') }}"><i class="icon-angle-right"></i>Actividades</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_profesores_list') }}"><i class="icon-angle-right"></i>Administrar</a></li>
                                <li><a style="padding: 0px 0px;" href="{{ path('admin_profesores_asistencia') }}"><i class="icon-angle-right"></i>Asistencias</a></li> 
                            {% endif %}
                        </ul>
                    </li>
                    <li style="padding: 2px;"></li>
                </ul>
            </ul>

{% endblock %}

{% block content_header %}
    <div class="page-header" style="padding: 12px 10px 10px;">
        <div class="pull-left">
            <h4>{% block tituloSector %}<i class="icon-home"></i> Tablero de Inicio{% endblock %}</h4>
        </div>
        <div class="pull-right">
            <ul class="bread">
                <li><a href="{{ path('portada') }}">Inicio</a><span class="divider">/</span></li>
                <li class='active'>{% block nombreSector %}Tablero de Inicio{% endblock %}</li>
            </ul>
        </div>
    </div>
    {% block dashboardContent %}
    <div class="content-highlighted">
        <ul class="quick" data-collapse="collapse">
            
            
            <li>
                <a href="{{ path('alumnos_list') }}"><img src="{{ asset('bootstrap/img/icons/user.png') }}" alt="" /><span>Alumnos</span></a>
            </li>
            <li>
                <a href="{{ path('profesores_list') }}"><img src="{{ asset('bootstrap/img/icons/business-contact.png') }}" alt="" /><span>Profesores</span></a>
            </li>
            <li>
                <a href="{{ path('asistencia_calendario_list') }}"><img src="{{ asset('bootstrap/img/icons/order-149.png') }}" alt="" /><span>Clases del día</span></a>
            </li>
            <li>
                <a href="{{ path('avisos_recupera_listDay') }}"><img src="{{ asset('bootstrap/img/icons/calendar.png') }}" alt="" /><span>Recuperar</span></a>
            </li>
            <li>
                <a href="{{ path('avisos_falta_listAlumnos') }}"><img src="{{ asset('bootstrap/img/icons/date.png') }}" alt="" /><span>Faltar</span></a>
            </li>
            {% if is_granted('ROLE_ADMIN') %}
                <li>
                    <a href="{{ path('cuotas_list') }}"><img src="{{ asset('bootstrap/img/icons/invoice.png') }}" alt="" /><span>Cuotas</span></a>
                </li>           
            {% endif %}
        </ul>
    </div>
    {% endblock %}
{% endblock %}
{% block javascriptsToNavigation %}
<script>
$(document).ready(function()
{
        $('label.tree-toggler').click(function () {
            $('.nav-header').css('color','#FF0098');
            $(this).css('color','#0089F0');
            $(this).parent().children('ul.tree').toggle(300);
        });

  //Handles menu drop down
  $('.dropdown-menu').find('form').click(function (e) {
        e.stopPropagation();
        });
  });
</script>
{% endblock %}            
              
                            
                   